import React, { Component } from 'react';
// 引入图标
import { RightOutline,CalendarOutline,PictureWrongOutline,CalculatorOutline,FileOutline } from 'antd-mobile-icons'
// 引入css
import '../../styles/mine/Order.css'

class Order extends Component {
    render() {
        return (
            <div className='order'>
                <div className='order-h'>
                    <span className='sp-one'>我的订单</span>
                    <span className='sp-two'>产看全部订单
                    <RightOutline />
                    </span>
                </div>
                <div className='content'>
                    <div >
                        <span>
                        <CalendarOutline />
                        </span>
                        <span>待付款</span>
                    </div>
                    <div >
                        <span>
                        <PictureWrongOutline />
                        </span>
                        <span>待发货</span>
                    </div>
                    <div >
                        <span>
                        <CalculatorOutline />
                        </span>
                        <span>已发货</span>
                    </div>
                    <div >
                        <span>
                        <FileOutline />
                        </span>
                        <span>待评价</span>
                    </div>
                </div>
            </div>
        );
    }
}

export default Order;